<!DOCTYPE html>
<html lang="zh-CN" xml="zh-CN">

<head>
    <meta http-equiv="content-type" content="text/html; charset=zh-cn">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="libs/jquery-3.1.1.js"></script>
    <title>小米商城 - 红米Note 4X、小米5c、小米MIX、小米笔记本官方网站</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
        }
        
        ul,
        li {
            list-style: none;
        }
        
        html {
            font-size: 12px;
        }
        
        body {
            background-color: #fff;
            min-width: 1226px;
        }
        
        a:hover {
            text-decoration: none;
        }
    </style>
</head>

<body>
    <div class="site-topbar">
        <div class="container">
            <div class="topbar-nav">
                <!--nofollow 谷歌浏览器用于指定不要跟踪链接-->
                <a rel="nofollow" href="index.html">小米商城</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">MIUI</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">米聊</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">游戏</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">多看阅读</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">云服务</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">金融</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">小米商城移动版</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="" target="_blank">问题反馈</a>
                <span class="sep">|</span>
                <a rel="nofollow" href="#" data-toggle="modal">Select Region</a>
            </div>

            <div class="topbar-info" id="login">
                <div class="login">
                    <a rel="nofollow" href="">登录</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="">注册</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="">消息通知</a>
                </div>
                <div class="shopping">
                    <span class="glyphicon glyphicon-shopping-cart"></span>
                    <a href="">购物车（0）</a>
                </div>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>

    <div class="site-header">
        <div class="container">
            <img src="images/logo.png" alt="">
            <img src="images/P1-1.gif" alt="">
            <ul class="search-header">
                <li><a href="">小米手机</a></li>
                <li><a href="">红米</a></li>
                <li><a href="">平板·笔记本</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">盒子·影音</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
                <div style="clear: both"></div>
            </ul>
            <div class="search">
                <input type="text" placeholder="">
                <span>红米4X</span>
                <span>小米电视3s 48英寸</span>
                <div class="search-btn glyphicon glyphicon-search"></div>
            </div>
            <ul class="search-details">
                <li>
                    <div>
                        <span>小米5s Plus</span>
                        <span>约有5件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>小米MIX</span>
                        <span>约有1件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>小米手机5</span>
                        <span>约有9件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>红米Note 4x</span>
                        <span>约有5件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>小米路由器</span>
                        <span>约有10件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>移动电源</span>
                        <span>约有4件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>米家摄像机</span>
                        <span>约有4件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>小米体重秤</span>
                        <span>约有2件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>小米插线板</span>
                        <span>约有5件</span>
                    </div>
                </li>
                <li>
                    <div>
                        <span>优惠套装</span>
                        <span>约有64件</span>
                    </div>
                </li>

            </ul>
            <div style="clear: both"></div>
        </div>
    </div>

    <div class="site-scroll">
        <div class="containers myScroll">
            <ul class="scroll-img">
                <li>
                    <a href=""><img src="images/1.jpg" alt="" width="1196px" height="460px"></a>
                </li>
                <li>
                    <a href=""><img src="images/2.jpg" alt="" width="1196px" height="460px"></a>
                </li>
                <li>
                    <a href=""><img src="images/3.jpg" alt="" width="1196px" height="460px"></a>
                </li>
                <li>
                    <a href=""><img src="images/4.jpg" alt="" width="1196px" height="460px"></a>
                </li>
                <li>
                    <a href=""><img src="images/5.jpg" alt="" width="1196px" height="460px"></a>
                </li>
            </ul>
            <ul class="scroll-dot">
                <li class="myActive"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="scroll-btn">
                <div class="scroll-left">

                </div>
                <div class="scroll-right">

                </div>
            </div>
            <div class="site-left">
                <ul class="left-header">
                    <li>
                        <span>手机 电话卡</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/mimobile.jpg" alt="">
                                    <span>小米移动 电话卡</span>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>笔记本 平板</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>电视 盒子</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>路由器 智能硬件</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>移动电源 电池 插线板</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 500px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>耳机 音箱</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>保护套 贴膜</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>线材 支架 存储卡</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>箱包 服饰</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>

                            </ul>
                        </div>
                    </li>
                    <li>
                        <span>米兔生活 周边</span>
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <div class="left-content">
                            <ul style="width: 250px">
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                                <li>
                                    <img src="images/1.webp" alt="">
                                    <span>小米5C</span>
                                    <button>选购</button>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
    </div>
    <div class="site-scroll-footer container">
        <div class="cub-header">
            <div class="cub-header-inner">
                <div>
                    <span class="glyphicon glyphicon-phone"></span>
                    <span>选购手机</span>
                </div>
                <div>
                    <span class="glyphicon glyphicon-gift"></span>
                    <span>企业团购</span>
                </div>
                <div style="border: none">
                    <span class="glyphicon glyphicon-info-sign"></span>
                    <span>一元活动</span>
                </div>
                <div>
                    <span class="glyphicon glyphicon-list-alt"></span>
                    <span>小米移动</span>
                </div>
                <div>
                    <span class="glyphicon glyphicon-refresh"></span>
                    <span>以旧换新</span>
                </div>
                <div style="border: none">
                    <span class="glyphicon glyphicon-calendar"></span>
                    <span>话费充值</span>
                </div>
            </div>
        </div>
        <div class="cub-img cub-img1">
        </div>
        <div class="cub-img cub-img2">
        </div>
        <div class="cub-img cub-img3">
        </div>
    </div>

    <div class="site-danpin container">
        <h3>小米明星单品</h3>
        <div class="danpin-content">
            <div class="danpin-btn">
                <span><</span>
                <span>></span>
            </div>
            <ul>
                <li style="border-top: 1px solid #f60">
                    <img src="images/9.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航，骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
                <li style="border-top: 1px solid #83c44e">
                    <img src="images/10.png" alt="">
                    <div>小米电视3s 48英寸</div>
                    <div class="danpin-little">原装液晶屏，金属机身</div>
                    <div class="danpin-price">2599元</div>
                </li>
                <li style="border-top: 1px solid #2196f3">
                    <img src="images/11.png" alt="">
                    <div>小米移动电源2</div>
                    <div class="danpin-little">双向快充，高密度锂聚合物电芯</div>
                    <div class="danpin-price">79元</div>
                </li>
                <li style="border-top: 1px solid #e53935">
                    <img src="images/12.png" alt="">
                    <div>小米手环2</div>
                    <div class="danpin-little">OLED显示屏，升级计步算法</div>
                    <div class="danpin-price">149元</div>
                </li>

                <li style="border-top: 1px solid #00c0a5">
                    <img src="images/13.jpg" alt="">
                    <div>小米净水器 厨下式</div>
                    <div class="danpin-little">直出纯净水，隐藏式安装</div>
                    <div class="danpin-price">1999元</div>
                </li>
                <li style="border-top: 1px solid #f60">
                    <img src="images/14.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
                <li style="border-top: 1px solid #83c44e">
                    <img src="images/15.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
                <li style="border-top: 1px solid #2196f3">
                    <img src="images/16.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
                <li style="border-top: 1px solid #e53935">
                    <img src="images/14.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
                <li style="border-top: 1px solid #00c0a5">
                    <img src="images/12.png" alt="">
                    <div>红米Note 4X</div>
                    <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    <div class="danpin-price">999元</div>
                </li>
            </ul>
        </div>
    </div>




    <div class="site-main">
        <div class="container">
            <div class="site-yingjian">
                <h3>智能硬件</h3>
                <div class="yingjian">
                    <div class="yingjian-img">
                        <img src="images/17.jpg" alt="">
                    </div>
                    <ul>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <li>
                            <img src="images/19.png" alt="">
                            <div>小米空气净化器2</div>
                            <div class="danpin-little">高效除霾，10分钟换新房间空气</div>
                            <div class="danpin-price">699元</div>
                        </li>
                        <li>
                            <img src="images/20.jpg" alt="">
                            <div>米兔智能故事机</div>
                            <div class="danpin-little">微信远程互动，智能语音交互</div>
                            <div class="danpin-price">199元</div>
                        </li>
                        <li>
                            <img src="images/21.png" alt="">
                            <div>小米VR眼镜</div>
                            <div class="danpin-little">硬件级加速抗眩晕，配备9轴体感手柄</div>
                            <div class="danpin-price">299元</div>
                        </li>
                        <li>
                            <img src="images/22.png" alt="">
                            <div>米家小白智能摄像机</div>
                            <div class="danpin-little">360°全景拍摄，1080P高清图像</div>
                            <div class="danpin-price">399元</div>
                        </li>
                        <li>
                            <img src="images/23.png" alt="">
                            <div>米家扫地机器人</div>
                            <div class="danpin-little">远程智能控制，扫得干净扫得快</div>
                            <div class="danpin-price">1699元</div>
                        </li>
                        <li>
                            <img src="images/24.png" alt="">
                            <div>米家折叠自行车</div>
                            <div class="danpin-little">让城市出行简单有趣</div>
                            <div class="danpin-price">2999元</div>
                        </li>
                        <li>
                            <img src="images/25.png" alt="">
                            <div>小米米家电动滑板车</div>
                            <div class="danpin-little">极简几何设计，1分钟轻松上手</div>
                            <div class="danpin-price">1999元</div>
                        </li>
                        <div class="clear:both"></div>
                    </ul>
                </div>
            </div>
            <div class="site-dapei">
                <h3>搭配</h3>
                <div class="yingjian-img">
                    <div>
                        <img src="images/26.png" alt="">
                    </div>
                    <div>
                        <img src="images/27.png" alt="">
                    </div>
                </div>
                <div class="dapei">
                    <ul>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <li>
                            <img src="images/19.png" alt="">
                            <div>小米空气净化器2</div>
                            <div class="danpin-little">高效除霾，10分钟换新房间空气</div>
                            <div class="danpin-price">699元</div>
                        </li>
                        <li>
                            <img src="images/20.jpg" alt="">
                            <div>米兔智能故事机</div>
                            <div class="danpin-little">微信远程互动，智能语音交互</div>
                            <div class="danpin-price">199元</div>
                        </li>
                        <li>
                            <img src="images/21.png" alt="">
                            <div>小米VR眼镜</div>
                            <div class="danpin-little">硬件级加速抗眩晕，配备9轴体感手柄</div>
                            <div class="danpin-price">299元</div>
                        </li>
                        <li>
                            <img src="images/22.png" alt="">
                            <div>米家小白智能摄像机</div>
                            <div class="danpin-little">360°全景拍摄，1080P高清图像</div>
                            <div class="danpin-price">399元</div>
                        </li>
                        <li>
                            <img src="images/23.png" alt="">
                            <div>米家扫地机器人</div>
                            <div class="danpin-little">远程智能控制，扫得干净扫得快</div>
                            <div class="danpin-price">1699元</div>
                        </li>
                        <li>
                            <img src="images/24.png" alt="">
                            <div>米家折叠自行车</div>
                            <div class="danpin-little">让城市出行简单有趣</div>
                            <div class="danpin-price">2999元</div>
                        </li>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <div class="clear:both"></div>
                    </ul>
                </div>
            </div>
            <div class="site-dapei">
                <h3>配件</h3>
                <div class="yingjian-img">
                    <div>
                        <img src="images/28.jpg" alt="">
                    </div>
                    <div>
                        <img src="images/29.png" alt="">
                    </div>
                </div>
                <div class="dapei">
                    <ul>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <li>
                            <img src="images/19.png" alt="">
                            <div>小米空气净化器2</div>
                            <div class="danpin-little">高效除霾，10分钟换新房间空气</div>
                            <div class="danpin-price">699元</div>
                        </li>
                        <li>
                            <img src="images/20.jpg" alt="">
                            <div>米兔智能故事机</div>
                            <div class="danpin-little">微信远程互动，智能语音交互</div>
                            <div class="danpin-price">199元</div>
                        </li>
                        <li>
                            <img src="images/21.png" alt="">
                            <div>小米VR眼镜</div>
                            <div class="danpin-little">硬件级加速抗眩晕，配备9轴体感手柄</div>
                            <div class="danpin-price">299元</div>
                        </li>
                        <li>
                            <img src="images/22.png" alt="">
                            <div>米家小白智能摄像机</div>
                            <div class="danpin-little">360°全景拍摄，1080P高清图像</div>
                            <div class="danpin-price">399元</div>
                        </li>
                        <li>
                            <img src="images/23.png" alt="">
                            <div>米家扫地机器人</div>
                            <div class="danpin-little">远程智能控制，扫得干净扫得快</div>
                            <div class="danpin-price">1699元</div>
                        </li>
                        <li>
                            <img src="images/24.png" alt="">
                            <div>米家折叠自行车</div>
                            <div class="danpin-little">让城市出行简单有趣</div>
                            <div class="danpin-price">2999元</div>
                        </li>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <div class="clear:both"></div>
                    </ul>
                </div>
            </div>
            <div class="site-dapei">
                <h3>周边</h3>
                <div class="yingjian-img">
                    <div>
                        <img src="images/30.png" alt="">
                    </div>
                    <div>
                        <img src="images/31.png" alt="">
                    </div>
                </div>
                <div class="dapei">
                    <ul>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <li>
                            <img src="images/19.png" alt="">
                            <div>小米空气净化器2</div>
                            <div class="danpin-little">高效除霾，10分钟换新房间空气</div>
                            <div class="danpin-price">699元</div>
                        </li>
                        <li>
                            <img src="images/20.jpg" alt="">
                            <div>米兔智能故事机</div>
                            <div class="danpin-little">微信远程互动，智能语音交互</div>
                            <div class="danpin-price">199元</div>
                        </li>
                        <li>
                            <img src="images/21.png" alt="">
                            <div>小米VR眼镜</div>
                            <div class="danpin-little">硬件级加速抗眩晕，配备9轴体感手柄</div>
                            <div class="danpin-price">299元</div>
                        </li>
                        <li>
                            <img src="images/22.png" alt="">
                            <div>米家小白智能摄像机</div>
                            <div class="danpin-little">360°全景拍摄，1080P高清图像</div>
                            <div class="danpin-price">399元</div>
                        </li>
                        <li>
                            <img src="images/23.png" alt="">
                            <div>米家扫地机器人</div>
                            <div class="danpin-little">远程智能控制，扫得干净扫得快</div>
                            <div class="danpin-price">1699元</div>
                        </li>
                        <li>
                            <img src="images/24.png" alt="">
                            <div>米家折叠自行车</div>
                            <div class="danpin-little">让城市出行简单有趣</div>
                            <div class="danpin-price">2999元</div>
                        </li>
                        <li>
                            <img src="images/18.png" alt="">
                            <div>米家行车记录仪</div>
                            <div class="danpin-little">晚上能拍清车牌的记录仪</div>
                            <div class="danpin-price">349元</div>
                        </li>
                        <div class="clear:both"></div>
                    </ul>
                </div>
            </div>

            <div class="tuijian">
                <h3>为你推荐</h3>
                <div class="tuijian-content">
                    <div class="tuijian-btn">
                        <span><</span>
                        <span>></span>
                    </div>
                    <ul>
                        <li>
                            <img src="images/32.png" alt="">
                            <div>小米米家电动滑板车</div>
                            <div class="danpin-price">1999元</div>
                        
                            <div class="danpin-little">998人好评</div>
                        </li>
                        <li>
                            <img src="images/33.png" alt="">
                            <div>10000mAh小米移动电源2</div>
                            <div class="danpin-price">79元</div>
                            <div class="danpin-little">2.7万人好评</div>
                            
                        </li>
                        <li>
                            <img src="images/34.png" alt="">
                            <div>小方智能摄像机</div>
                            <div class="danpin-price">129元</div>
                            <div class="danpin-little">2967人好评</div>
                            
                        </li>
                        <li>
                            <img src="images/35.png" alt="">
                            <div>小米路由器Pro</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">597人好评</div>
                            
                        </li>

                        <li>
                            <img src="images/36.jpg" alt="">
                            <div>米家骑记电助力折叠自行车</div>
                            <div class="danpin-price">2999元</div>
                            <div class="danpin-little">2754人好评</div>
                            
                        </li>
                        <li>
                            <img src="images/32.png" alt="">
                            <div>红米Note 4X</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                           
                        </li>
                        <li>
                            <img src="images/34.png" alt="">
                            <div>红米Note 4X</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                           
                        </li>
                        <li>
                            <img src="images/33.png" alt="">
                            <div>红米Note 4X</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                          
                        </li>
                        <li>
                            <img src="images/36.jpg" alt="">
                            <div>红米Note 4X</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                          
                        </li>
                        <li>
                            <img src="images/35.png" alt="">
                            <div>红米Note 4X</div>
                            <div class="danpin-price">999元</div>
                            <div class="danpin-little">4100mAh超长续航,骁龙625处理器</div>
                    
                        </li>
                        <div style="clear: both"></div>
                    </ul>
                </div>
            </div>
            <div class="reping">
                <h3>热评产品</h3>
                <div class="reping-content">
                    <ul>
                        <li>
                            <img src="images/37.jpg" alt="">
                            <div class="reping-p">非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美...</div>
                            <div class="reping-s">来自于 1782596423 的评价</div>
                            <div class="reping-m">米兔定位电话&#x3000;&#x3000;&#x3000;<span>169元</span></div>
                        </li>
                        <li>
                            <img src="images/38.jpg" alt="">
                            <div class="reping-p">
                                刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿到了，非常满意，棒棒哒！！！
                            </div>
                            <div class="reping-s">
                                来自于 龙炎 的评价
                            </div>
                            <div class="reping-m">小米笔记本Air 12.5英寸&#x3000;&#x3000;&#x3000;<span>3499元</span></div>
                        </li>
                        <li>
                            <img src="images/39.jpg" alt="">
                            <div class="reping-p">
                                先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器，...
                            </div>
                            <div class="reping-s">
                                来自于 sddboy 的评价
                            </div>
                            <div class="reping-m">小米空气净化器2&#x3000;&#x3000;&#x3000;<span>699元</span></div>
                        </li>
                        <li>
                            <img src="images/40.png" alt="">
                            <div class="reping-p">
                                有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善作...
                            </div>
                            <div class="reping-s">
                                来自于 爱疯911 的评价
                            </div>
                            <div class="reping-m">小米净水器&#x3000;&#x3000;&#x3000;<span>1299元</span></div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="reping">
                <h3 class="">内容</h3>
                <div class="reping-content">
                    <ul class="neirong">
                        <li style="border-top: 1px solid #f60">
                            <div class="neirong-header" style="color: #f60">图书</div>
                            <div class="neirong-title">哈利·波特与被诅咒的孩子</div>
                            <div class="neirong-span">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </div>
                            <div class="neirong-price">29.37元</div>
                            <div class="neirong-img">
                                <img src="images/41.jpg" alt="">
                            </div>
                            <div class="neirong-indicator">
                                <ul>
                                    <li class="active"></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </li>
                        <li style="border-top: 1px solid #83c44e">
                            <div class="neirong-header" style="color: #83c44e">MIUI 主题</div>
                            <div class="neirong-title">小米5c尊黑版</div>
                            <div class="neirong-span">畅销作家大冰2016年新书！讲给你听，好吗好的！</div>
                            <div class="neirong-price">9米币</div>
                            <div class="neirong-img">
                                <img src="images/42.jpg" alt="">
                            </div>
                            <div class="neirong-indicator">
                                <ul>
                                    <li class="active"></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </li>
                        <li style="border-top: 1px solid #2196f3">
                            <div class="neirong-header" style="color: #2196f3">游戏</div>
                            <div class="neirong-title">米柚手游模拟器</div>
                            <div class="neirong-span">在电脑上玩遍所有免费的小米手游&#x3000;&#x3000;&#x3000;</div>
                            <div class="neirong-price">免费</div>
                            <div class="neirong-img">
                                <img src="images/44.png" alt="">
                            </div>
                            <div class="neirong-indicator">
                                <ul>
                                    <li class="active"></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </li>
                        <li style="border-top: 1px solid #e53935">
                            <div class="neirong-header" style="color: #e53935">应用</div>
                            <div class="neirong-title">2017金米奖</div>
                            <div class="neirong-span">最优秀的应用和游戏快来体验最热门的游戏应用</div>
                            <div class="neirong-price">应用</div>
                            <div class="neirong-img">
                                <img src="images/43.png" alt="">
                            </div>
                            <div class="neirong-indicator">
                                <ul>
                                    <li class="active"></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="shipin">
                <h3>视频</h3>
                <div class="shipin-content">
                    <ul>
                        <li>
                            <img src="images/45.jpg" alt="">
                            <div class="glyphicon glyphicon-play-circle"></div>
                            <div class="shipin-title">
                                红米Note 4X 环岛挑战
                            </div>
                            <div class="shipin-little">
                                看看我们关于超长续航的疯狂想法
                            </div>
                        </li>
                        <li>
                            <img src="images/46.jpg" alt="">
                            <div class="glyphicon glyphicon-play-circle"></div>
                            <div class="shipin-title">
                                小米之家里发生了一件怪事
                            </div>
                            <div class="shipin-little">
                                World order机械星人受邀访问地球
                            </div>
                        </li>
                        <li>
                            <img src="images/47.png" alt="">
                            <div class="glyphicon glyphicon-play-circle"></div>
                            <div class="shipin-title">
                                小米MIX 概念手机背后的故事
                            </div>
                            <div class="shipin-little">
                                雷总亲自讲述小米MIX的诞生
                            </div>
                        </li>
                        <li>
                            <img src="images/48.jpg" alt="">
                            <div class="glyphicon glyphicon-play-circle"></div>
                            <div class="shipin-title">
                                一面科技，一面艺术
                            </div>
                            <div class="shipin-little">
                                梁朝伟讲述双面人生
                            </div>
                        </li>
                    </ul>
                </div> 
            </div>
        </div>
    </div>

    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix">
                    <li><a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-wrench"></span>  预约维修服务</a></li>
                    <li><a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-flash"></span>  7天无理由退货</a></li>
                    <li><a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-usd"></span>  15天免费换货</a></li>
                    <li><a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-gift"></span>  满150元包邮</a></li>
                    <li><a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-map-marker"></span>  520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer-links clearfix">

                <dl class="col-links col-links-first">
                    <dt>帮助中心</dt>

                    <dd><a rel="nofollow" href="" target="_blank">账户管理</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">购物指南</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">订单操作</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>服务支持</dt>

                    <dd><a rel="nofollow" href="" target="_blank">售后政策</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">自助服务</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">相关下载</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>线下门店</dt>

                    <dd><a rel="nofollow" href="" target="_blank">小米之家</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">服务网点</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">零售网点</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关于小米</dt>

                    <dd><a rel="nofollow" href="" target="_blank">了解小米</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">加入小米</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">联系我们</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>关注我们</dt>

                    <dd><a rel="nofollow" href="" target="_blank">新浪微博</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">小米部落</a></dd>

                    <dd><a rel="nofollow" href="#J_modalWeixin" data-toggle="modal">官方微信</a></dd>

                </dl>

                <dl class="col-links ">
                    <dt>特色服务</dt>

                    <dd><a rel="nofollow" href="" target="_blank">F 码通道</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">礼物码</a></dd>

                    <dd><a rel="nofollow" href="" target="_blank">防伪查询</a></dd>

                </dl>

                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p class="mytime"><span>周一至周日 8:00-18:00</span><br>（仅收市话费）</p>
                    <a rel="nofollow" href="" target="_blank"><span class="glyphicon glyphicon-earphone"></span> 24小时在线客服</a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <img src="images/logo.png" alt="">
            <div class="info-text">
                <p class="sites"><a rel="nofollow" href="index.html" tppabs="http://www.mi.com/index.html" target="_blank">小米商城</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">MIUI</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">米聊</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">多看书城</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">小米路由器</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">视频电话</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">企业团购</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">小米天猫店</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">小米淘宝直营店</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">小米网盟</a>
                    <span class="sep">|</span>
                    <a rel="nofollow" href="" target="_blank">小米移动</a>
                    
                </p>
                <p class="sites2">&copy;<a href="" target="_blank" title="mi.com">mi.com</a> 京ICP证110507号
                    <a href="" target="_blank" rel="nofollow">京ICP备10046444号</a>
                    <a rel="nofollow" href="" target="_blank">京公网安备11010802020134号 </a>
                    <a rel="nofollow" href="" target="_blank" rel="nofollow">京网文[2014]0059-0009号</a>
                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                
                
                
            </div>
            <div class="myimg">
                    <img src="images/50.png" alt="">
                    <img src="images/51.png" alt="">
                    <img src="images/52.png" alt="">
                    <img src="images/53.png" alt="">
            </div>
        </div>
        <div class="bottom-text">探索黑科技，小米为发烧而生</div>
    </div>

<script src="libs/style.js"></script>
</body>

</html>

<!-- **************************轮播图************************ -->
<script>
    var index = 0;
    var timer = setInterval(nextImg, 3000);
    function nextImg() {
        index = (index == $('.scroll-img li').length - 1) ? 0 : (index + 1);
        showImg();
    }
    function prevImg() {
        index = index == 0 ? $('.pic li').length - 1 : index - 1;
        showImg();
    }
    function showImg() {
        $('.scroll-img li').eq(index).show().siblings().hide();
        $('.scroll-dot li').eq(index).addClass('myActive')
            .siblings().removeClass('myActive');
    }
    $('.scroll-dot li').hover(function () {
        clearInterval(timer);
        index = $(this).index();
        showImg();
    }, function () {
        timer = setInterval(nextImg, 3000);
    });
    $('.site-scroll .containers').hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(nextImg, 3000);
    });
    $('.site-scroll .containers .scroll-btn .scroll-left').click(function () {
        prevImg();
    });
    $('.site-scroll .containers .scroll-btn .scroll-right').click(function () {
        nextImg();
    });

    

</script>